<template>
  <div id="app">
    <!--<login/>-->
    <router-view to="/login"></router-view>
  </div>
</template>

<script>
  // import index from "@/components/index"
  // import login from "@/components/login"
  export default {
    name: 'App',
    // components:{
    //   index, login
    // },
  }
</script>

<style>
  html, body{
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*background: #eeeeee;*/
  }
  #app{
    height: 100%;
  }
  /*body{*/
  /*margin: 0;*/
  /*padding: 0;*/
  /*background: url('~@/assets/img/bg5.jpg') no-repeat;*/
  /*!*background: black;*!*/
  /*background-size: 100% auto;*/
  /*}*/
  .pointsRule { display: inline-block; font-size: 16px;float: left; }
  .pointsRule span { float: left; display: inline-block; }
  .pointsRule ul { list-style: none; margin: 0; padding: 0; display: inline-block; float: left; width: 100%; }
  .pointsRule ul li { display: list-item; text-align: center; float: left; margin: 10px 5px 0; background: #e3e3e3; border-top: 1px solid #e3e3e3; height: 45px; position: relative }
  .pointsRule ul li:first-child { border-left: 1px solid #e3e3e3; background: #e3e3e3; }
  .pointsRule ul li:last-child { }
  .pointsRule ul li a { display: block; padding: 8px 0; cursor: pointer; }
  .pointsRule ul li span { vertical-align: middle; height: 24px; line-height: 25px; display: inline-block; overflow: hidden; text-align: center; margin:0 20px; color:#FFF;}
  .pointsRule ul li i { float: right; border: #e3e3e3 solid; border-width: 1px 1px 0 0; width: 32px; height: 32px; margin: -2px -17px 0px 10px; top: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: url("") #e3e3e3;-moz-transform: rotate(45deg); /* Firefox浏览器 */-ms-transform: rotate(45deg); }
  .pointsRule ul li em.before { border: #e3e3e3 solid; border-width: 1px 1px 0 0; width: 32px; height: 32px; transform: rotate(45deg); -webkit-transform: rotate(45deg); float: left; margin: -2px 10px 0px -17px; top: 2px; background: url("") #fff; }
</style>
